import { defineConfig, globalIgnores } from 'eslint/config'
// 导入了 `globals`全局变量的库模块，该模块提供了一组预定义的全局变量（如 window、document 等），
// 这些变量通常在不同的环境（如浏览器、Node.js）中可用。
// 在 ESLint 配置中，你可以使用这个模块来指定代码所运行的环境，从而定义全局变量。
import globals from 'globals'
//针对 JavaScript 的 ESLint 配置和规则。保持 JavaScript 代码的一致性和质量
import js from '@eslint/js'
// 导入 `eslint-plugin-vue` 插件，提供了 Vue.js 特有 ESLint 规则。
// 确保 Vue 文件（`.vue` 文件）中的代码符合 Vue.js 的最佳实践和代码风格指南
import pluginVue from 'eslint-plugin-vue'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

export default defineConfig([
  // 指定文件匹配模式
  {
    name: 'app/files-to-lint',
    //**文件匹配**：`files` 属性指定了哪些文件类型（JavaScript、TypeScript、Vue 文件等）将应用这些规则
    files: ['**/*.{js,mjs,jsx,vue}']
  },

  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
  // 指定全局变量和环境
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ElMessage: 'readonly',
        ElMessageBox: 'readonly',
        ElLoading: 'readonly'
      }
    }
  },
  // 引入了 `@eslint/js` 插件的推荐规则
  js.configs.recommended,
  // 引入`eslint-plugin-vue` 插件的基础规则
  ...pluginVue.configs['flat/essential'],

  skipFormatting
])
